<template>
  <div class="loginpwd">
    <my-head title="修改登录密码" :go="true" :ri="false"></my-head>
    <div class="content">

      <div class="list">
        <div class="item">
          <div class="msg">
            <div class="item-tit">
              旧密码：
            </div>
            <div class="item-msg">
              <input type="text" placeholder="请输入原登录密码">
            </div>
          </div>
        </div>
      </div>

      <div class="list">
        <div class="item">
          <div class="msg">
            <div class="item-tit">
              新密码：
            </div>
            <div class="item-msg">
              <input type="text" placeholder="请输入新密码">
            </div>
          </div>
        </div>
        <div class="item">
          <div class="msg">
            <div class="item-tit">
              确认密码：
            </div>
            <div class="item-msg">
              <input type="text" placeholder="请确认登录密码">
            </div>
          </div>
        </div>
      </div>

      <div class="btn">
        <button>确定</button>
        <p>忘记密码</p>
      </div>

    </div>
  </div>
</template>

<script>
import Head from "@/components/Head"
export default {
  data(){
    return{

    }
  },
  components:{
    myHead:Head
  }
}
</script>

<style scoped lang="less">
  .loginpwd{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .content{
      flex: 1;
      background: #f4f4f4;
      display: flex;
      flex-direction: column;
      .list{
        display: flex;
        flex-direction: column;
        margin-top: 0.17rem;
        .item{
          display: flex;
          background: #fff;
          padding: 0 0.17rem ;
          .msg{
            flex: 1;
            display: flex;
            font-size: 0.16rem;
            padding: 0.17rem 0;
            border-bottom: 0.01rem solid #eaeaea;
            .item-tit{
              width: 0.93rem;
            }
            .item-msg{
              flex: 1;
              display: flex;
              input{
                border: 0;
                outline: none;
                flex: 1;
              }
            }
          }
        }
        .item:last-child{
          .msg{
            border: 0;
          }
        }
      }
      .btn{
        display: flex;
        flex-direction: column;
        padding: 0.27rem 0.22rem;
        button{
          flex: 1;
          background: #ff8a36;
          color:#fff;
          border: 0;
          outline: none;
          padding: 0.14rem 0;
          font-size: 0.16rem;
        }
        p{
          text-align: right;
          font-size: 0.14rem;
          padding: 0.14rem 0;
          color: #ff8a36;
        }
      }
    }
  }
</style>
